<template>
  <div>
    <h1>son</h1>
    <SonSun :msg="msg" :info="info" @todo="todo" />
    <!-- 组件调用的四种方式 -->
    <!-- <SunTwo></SunTwo>
    <SunTwo />
    <son-two />
    <son-two></son-two>-->
    <hr />
    <!-- slot传值父传子，不仅仅可以传递数据，还可以传递标签 -->
    <SunTwo>
      <p slot="info">{{info}}</p>
    </SunTwo>
  </div>
</template>

<script>
/* $attrs  不包含class style  组件标签上的属性通过$attrs都可以接受到，但是当被props接收后，则不再$attrs中显示  父传子 
$listeners 传递的是v-on(@)绑定的事件，通过$listeners接收  父传子

*/
import SonSun from "./SonSun.vue";
import SunTwo from "./SunTwo";
export default {
  name: "",
  props: [""],
  data() {
    return {
      msg: "泽连斯基咋还继续战斗！",
      info: "中国越南自卫还击战！！"
    };
  },

  components: {
    SonSun,
    SunTwo
  },

  computed: {},

  beforeMount() {},

  mounted() {},

  methods: {
    todo() {
      console.log("乌克兰想加入北约，北约不敢要，欧盟蠢蠢欲动！！");
    }
  },

  watch: {}
};
</script>
<style lang='' scoped>
</style>